@import '@vscode/codicons/dist/codicon';
@import url(./utils/highlight.css);
@import url(./components/shadcn/shadcn.css);
@import url(./themes/index.css);

@font-face {
    font-family: cody-icons;
    font-display: block;
    src: url('../resources/cody-icons.woff') format('woff');
}

:root {
    /* Our syntax highlighter expects a dark code background color, regardless of the VS Code color
    theme. */
    --code-background: #222222;
    --code-foreground: #ffffff;
}

#root {
    height: 100%;
    margin: 0 auto;
    font-family: var(--vscode-font-family);
    color: var(--vscode-sideBar-foreground);
    background-color: var(--vscode-sideBar-background);
    /* Override VS Code Webview Toolkit elements */
    --border-width: none;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: var(--vscode-sideBar-background);
}

a {
    font-weight: 500;
    color: var(--vscode-textLink-foreground);
    text-decoration: inherit;
}

a:hover {
    color: var(--vscode-textLink-activeForeground);
}

.w-100 {
    width: 100%;
}

.cody-chat-error {
    color: var(--vscode-input-foreground);
    background-color: var(--vscode-inputValidation-errorBackground);
    padding: 0.5rem;
}

.cody-chat-error > span {
    font-weight: bold;
}

